.vue-stacked-carousel {
  padding: 10px 0;
}

.vue-stacked-carousel-container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  height: auto;
  touch-action: pan-x;
  perspective: 1200px;
}

.vue-stacked-carousel-container .vue-stacked-carousel-item {
  // position: absolute;
  // top: 0;
  transform-style: preserve-3d;
  transition-property: all;
  will-change: transform;
  @include position(absolute, 0);
}

.vue-stacked-carousel-container .vue-stacked-carousel-arrow {
  // position: absolute;
  // top: 50%;
  transform: translateY(-50%);
  @include position(absolute, 50%);
}

.card {
  // width: px2rem(540);
  // height: px2rem(780);
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.15), 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  border-radius: px2rem(16);
  background-color: #ffffff;
  @include size(px2rem(540), px2rem(780));
}

.inner-card,
.inner-card img {
  border-radius: px2rem(16);
  @include size(100%, 100%);
}
.inner-card {
  transition: opacity .3s linear;
  user-select: none;
  @extend [layout];
  @extend [layout=column];
  @extend [layout-align="space-between center"];
}

// .vue-stacked-carousel-arrow.arrow-left {
//   left: -70%;
// }

// .vue-stacked-carousel-arrow.arrow-right {
//   right: -70%;
// }